<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    <link rel="stylesheet" href="https://rawgit.com/weui/weui/master/dist/style/weui.css"/>
    <link rel="stylesheet" href="../Public/css/example.css"/>
</head>
<body ontouchstart>
<div class="container js_container">
    <div class="page">
        <div class="hd">
            <h1 class="page_title">WeUI</h1>
            <p class="page_desc">为微信Web服务量身设计</p>
        </div>
        <div class="bd">
            <div class="weui_cells weui_cells_access global_navs">
            	<volist name="list" id="vo">
	                <a class="weui_cell js_cell" href="javascript:;" data-id="tpl{$vo.id}">
	                    <span class="weui_cell_hd"><img src="../Public/img/icon_nav_button.png" class="icon_nav" alt=""></span>
	                    <div class="weui_cell_bd weui_cell_primary">
	                        <p>{$vo.title}</p>
	                    </div>
	                    <div class="weui_cell_ft">
	                    </div>
	                </a>
            	</volist>
            </div>
        </div>
    </div>
</div>
<volist name="scriptarticle" id="vo">
	<script type="text/html" id="tpl_tpl{$vo.id}">
	    <div class="page article">
	        <div class="hd">
	            <h1 class="page_title">{$vo.title}</h1>
	        </div>
	        <div class="bd">
	            <article class="weui_article">
	            	<volist name="vo.content" id="vol" key="k">
		                <section>
		                    <h2 class="title">{$k}. {$vol.title}</h2>
		                    <volist name="vol.content" id="volue">
			                    <section>
			                        <h3>{$k}.{$i} {$volue.title}</h3>
			                        <p>{$volue.content}</p>
			                    </section>
			                </volist>
		                </section>
		            </volist>
	            </article>
	        </div>
	    </div>
	</script>
</volist>
<volist name="scriptlist" id="vo">
	<script type="text/html" id="tpl_user">
	    <div class="page">
	        <div class="hd">
	            <div style="width:80px;height:80px;margin-left:auto;margin-right:auto;border-radius:50% 50% 50% 50%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background: url({$headimgurl});"></div>
	        </div>
	        <div class="bd">
	            
	        </div>
	    </div>
	</script>
</volist>

<script src="../Public/js/zepto.min.js"></script>
<script src="../Public/js/example.js"></script>
</body>
</html>